.comRecord{
  #box {
    width: 100%;
    height: 150vh;
    background: white;
    .h {
      width: 100%;
      height: 40px;
      line-height: 40px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px;
      box-sizing: border-box;
      background: rgb(253, 60, 60);
      p {
        margin-bottom: 0;
        color: white;
      }
    }
   
  }
   .contain {
      width: 100%;
      margin: 0 auto;
      ul {
        list-style: none;
        padding-left: 0;
        li {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-around;
          align-items: center;
          margin-bottom: 10px;
          margin-top: 10px;
          padding-bottom: 10px;
          border-bottom: 1px solid #e6e6e6;
          img {
            display: inline-block;
            border-radius: 5px;
            margin: 0 10px;
          }
          .dce {
            flex:1;
            margin: 0 10px;
            height: 100px;
            .he {
              display: flex;
              flex-flow: row nowrap;
              justify-content: space-between;
              align-items: center;
              .ver {
                font-size: 12px;
                border: 1px solid rgb(187, 187, 187);
                color: rgb(192, 192, 192);
                border-radius: 5px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
              }
              h5 {
              //   width: 100px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
              }
            }
            P {
              // width: 150px;
              margin-bottom: 3px;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              font-size: 14px;
              .grade {
                display: inline-block;
                font-size: 20px;
                color: orange;
                margin-left: 20px;
              }
            }
          }
          .btn {
            button {
              display: inline-block;
              width: 60px;
              height: 30px;
              outline: none;
              background: red;
              color: white;
              border-radius: 20px;
              border: 0;
            }
          }
        }
      }
    }
    .image {
    position: relative;
    .con {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      line-height: 30px;
      text-align: center;
      position: absolute;
      left: 35%;
      top: 35%;
      background: ghostwhite;
      opacity: .7;
      padding: 5px;
      box-sizing: border-box;
    }
  }
  .bg {
    background: blue !important;
  }
}